/*
 * @Author: hongbin
 * @Date: 2021-11-12 13:23:13
 * @LastEditors: hongbin
 * @LastEditTime: 2021-11-13 10:48:43
 * @Description: collection idIndex
 */
import { FC, ReactElement } from "react";
import { Collection } from "../../api/types";
import styled from "styled-components";
import { DeepColourTitle } from ".";
import { Typography } from "@mui/material";

interface IProps {
  idIndex: Collection["idIndex"];
}

const IdIndex: FC<IProps> = ({ idIndex }): ReactElement => {
  return (
    <Wrap>
      <DeepColourTitle size="0.8rem">索引</DeepColourTitle>
      <Typography variant="subtitle1">{idIndex.name}</Typography>
    </Wrap>
  );
};

export default IdIndex;

const Wrap = styled.div`
  span {
    background: ${props => props.theme.palette.grey[100]};
  }
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
`;
